<!-- Live Chart --> <div id="chart_live" class="flotchart-holder"></div>
@import "assets/components/modules/admin/charts/flot/assets/custom/less/flotcharts.less"; @import "assets/components/core/less/labels.less"; @import "assets/components/modules/admin/ui/tooltips/assets/tooltips.less";
<head>
section of your HTML document, before any JavaScript files: <link type="stylesheet/less" href="styles.less" />
NOTE All the styles from the CORE package also need to be imported in this file, before the component imports.
BODY You should include the following scripts at the end of the HTML document, right before the closing </body>
tag.
<script src="assets/components/modules/admin/charts/flot/assets/lib/jquery.flot.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/charts/flot/assets/lib/jquery.flot.resize.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/charts/flot/assets/lib/plugins/jquery.flot.tooltip.min.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/charts/flot/assets/custom/js/flotcharts.common.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/charts/flot/assets/custom/js/flotchart-autoupdating.init.js?v=v1.2.3"></script>
<!-- Horizontal Bars Chart --> <div id="chart_horizontal_bars" class="flotchart-holder"></div>
@import "assets/components/modules/admin/charts/flot/assets/custom/less/flotcharts.less"; @import "assets/components/core/less/labels.less"; @import "assets/components/modules/admin/ui/tooltips/assets/tooltips.less";
<head>
section of your HTML document, before any JavaScript files: <link type="stylesheet/less" href="styles.less" />
NOTE All the styles from the CORE package also need to be imported in this file, before the component imports.
BODY You should include the following scripts at the end of the HTML document, right before the closing </body>
tag.
<script src="assets/components/modules/admin/charts/flot/assets/lib/jquery.flot.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/charts/flot/assets/lib/jquery.flot.resize.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/charts/flot/assets/lib/plugins/jquery.flot.tooltip.min.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/charts/flot/assets/custom/js/flotcharts.common.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/charts/flot/assets/custom/js/flotchart-bars-horizontal.init.js?v=v1.2.3"></script>
<!-- Ordered bars Chart --> <div id="chart_ordered_bars" class="flotchart-holder"></div>
@import "assets/components/modules/admin/charts/flot/assets/custom/less/flotcharts.less"; @import "assets/components/core/less/labels.less"; @import "assets/components/modules/admin/ui/tooltips/assets/tooltips.less";
<head>
section of your HTML document, before any JavaScript files: <link type="stylesheet/less" href="styles.less" />
NOTE All the styles from the CORE package also need to be imported in this file, before the component imports.
BODY You should include the following scripts at the end of the HTML document, right before the closing </body>
tag.
<script src="assets/components/modules/admin/charts/flot/assets/lib/jquery.flot.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/charts/flot/assets/lib/jquery.flot.resize.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/charts/flot/assets/lib/plugins/jquery.flot.tooltip.min.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/charts/flot/assets/custom/js/flotcharts.common.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/charts/flot/assets/lib/plugins/jquery.flot.orderBars.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/charts/flot/assets/custom/js/flotchart-bars-ordered.init.js?v=v1.2.3"></script>
<!-- Stacked bars Chart --> <div id="chart_stacked_bars" class="flotchart-holder"></div>
@import "assets/components/modules/admin/charts/flot/assets/custom/less/flotcharts.less"; @import "assets/components/core/less/labels.less"; @import "assets/components/modules/admin/ui/tooltips/assets/tooltips.less";
<head>
section of your HTML document, before any JavaScript files: <link type="stylesheet/less" href="styles.less" />
NOTE All the styles from the CORE package also need to be imported in this file, before the component imports.
BODY You should include the following scripts at the end of the HTML document, right before the closing </body>
tag.
<script src="assets/components/modules/admin/charts/flot/assets/lib/jquery.flot.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/charts/flot/assets/lib/jquery.flot.resize.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/charts/flot/assets/lib/plugins/jquery.flot.tooltip.min.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/charts/flot/assets/custom/js/flotcharts.common.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/charts/flot/assets/custom/js/flotchart-bars-stacked.init.js?v=v1.2.3"></script>
<!-- Donut Chart --> <div id="chart_donut" class="flotchart-holder"></div>
@import "assets/components/modules/admin/charts/flot/assets/custom/less/flotcharts.less"; @import "assets/components/core/less/labels.less"; @import "assets/components/modules/admin/ui/tooltips/assets/tooltips.less";
<head>
section of your HTML document, before any JavaScript files: <link type="stylesheet/less" href="styles.less" />
NOTE All the styles from the CORE package also need to be imported in this file, before the component imports.
BODY You should include the following scripts at the end of the HTML document, right before the closing </body>
tag.
<script src="assets/components/modules/admin/charts/flot/assets/lib/jquery.flot.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/charts/flot/assets/lib/jquery.flot.resize.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/charts/flot/assets/lib/plugins/jquery.flot.tooltip.min.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/charts/flot/assets/custom/js/flotcharts.common.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/charts/flot/assets/lib/jquery.flot.pie.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/charts/flot/assets/custom/js/flotchart-donut.init.js?v=v1.2.3"></script>
<!-- Chart with lines and fill with no points --> <div id="chart_lines_fill_nopoints_2" class="flotchart-holder"></div>
@import "assets/components/modules/admin/charts/flot/assets/custom/less/flotcharts.less"; @import "assets/components/core/less/labels.less"; @import "assets/components/modules/admin/ui/tooltips/assets/tooltips.less";
<head>
section of your HTML document, before any JavaScript files: <link type="stylesheet/less" href="styles.less" />
NOTE All the styles from the CORE package also need to be imported in this file, before the component imports.
BODY You should include the following scripts at the end of the HTML document, right before the closing </body>
tag.
<script src="assets/components/modules/admin/charts/flot/assets/lib/jquery.flot.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/charts/flot/assets/lib/jquery.flot.resize.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/charts/flot/assets/lib/plugins/jquery.flot.tooltip.min.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/charts/flot/assets/custom/js/flotcharts.common.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/charts/flot/assets/custom/js/flotchart-line-2.init.js?v=v1.2.3"></script>
<!-- Chart with lines and fill with no points --> <div id="chart_lines_fill_nopoints" class="flotchart-holder"></div>
@import "assets/components/modules/admin/charts/flot/assets/custom/less/flotcharts.less"; @import "assets/components/core/less/labels.less"; @import "assets/components/modules/admin/ui/tooltips/assets/tooltips.less";
<head>
section of your HTML document, before any JavaScript files: <link type="stylesheet/less" href="styles.less" />
NOTE All the styles from the CORE package also need to be imported in this file, before the component imports.
BODY You should include the following scripts at the end of the HTML document, right before the closing </body>
tag.
<script src="assets/components/modules/admin/charts/flot/assets/lib/jquery.flot.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/charts/flot/assets/lib/jquery.flot.resize.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/charts/flot/assets/lib/plugins/jquery.flot.tooltip.min.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/charts/flot/assets/custom/js/flotcharts.common.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/charts/flot/assets/custom/js/flotchart-line.init.js?v=v1.2.3"></script>
<!-- Chart with lines and fill with no points --> <div id="chart_mixed_1" class="flotchart-holder" style="height: 182px"></div>
@import "assets/components/modules/admin/charts/flot/assets/custom/less/flotcharts.less"; @import "assets/components/core/less/labels.less"; @import "assets/components/modules/admin/ui/tooltips/assets/tooltips.less";
<head>
section of your HTML document, before any JavaScript files: <link type="stylesheet/less" href="styles.less" />
NOTE All the styles from the CORE package also need to be imported in this file, before the component imports.
BODY You should include the following scripts at the end of the HTML document, right before the closing </body>
tag.
<script src="assets/components/modules/admin/charts/flot/assets/lib/jquery.flot.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/charts/flot/assets/lib/jquery.flot.resize.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/charts/flot/assets/lib/plugins/jquery.flot.tooltip.min.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/charts/flot/assets/custom/js/flotcharts.common.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/charts/flot/assets/custom/js/flotchart-mixed-1.init.js?v=v1.2.3"></script>
<!-- Pie Chart --> <div id="chart_pie" class="flotchart-holder"></div>
@import "assets/components/modules/admin/charts/flot/assets/custom/less/flotcharts.less"; @import "assets/components/core/less/labels.less"; @import "assets/components/modules/admin/ui/tooltips/assets/tooltips.less";
<head>
section of your HTML document, before any JavaScript files: <link type="stylesheet/less" href="styles.less" />
NOTE All the styles from the CORE package also need to be imported in this file, before the component imports.
BODY You should include the following scripts at the end of the HTML document, right before the closing </body>
tag.
<script src="assets/components/modules/admin/charts/flot/assets/lib/jquery.flot.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/charts/flot/assets/lib/jquery.flot.resize.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/charts/flot/assets/lib/plugins/jquery.flot.tooltip.min.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/charts/flot/assets/custom/js/flotcharts.common.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/charts/flot/assets/lib/jquery.flot.pie.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/charts/flot/assets/custom/js/flotchart-pie.init.js?v=v1.2.3"></script>
<!-- Simple Chart --> <div id="chart_simple" class="flotchart-holder"></div>
@import "assets/components/modules/admin/charts/flot/assets/custom/less/flotcharts.less"; @import "assets/components/core/less/labels.less"; @import "assets/components/modules/admin/ui/tooltips/assets/tooltips.less";
<head>
section of your HTML document, before any JavaScript files: <link type="stylesheet/less" href="styles.less" />
NOTE All the styles from the CORE package also need to be imported in this file, before the component imports.
BODY You should include the following scripts at the end of the HTML document, right before the closing </body>
tag.
<script src="assets/components/modules/admin/charts/flot/assets/lib/jquery.flot.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/charts/flot/assets/lib/jquery.flot.resize.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/charts/flot/assets/lib/plugins/jquery.flot.tooltip.min.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/charts/flot/assets/custom/js/flotcharts.common.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/charts/flot/assets/custom/js/flotchart-simple.init.js?v=v1.2.3"></script>
<!-- Simple Chart --> <div id="chart_simple_bars" class="flotchart-holder"></div>
@import "assets/components/modules/admin/charts/flot/assets/custom/less/flotcharts.less"; @import "assets/components/core/less/labels.less"; @import "assets/components/modules/admin/ui/tooltips/assets/tooltips.less";
<head>
section of your HTML document, before any JavaScript files: <link type="stylesheet/less" href="styles.less" />
NOTE All the styles from the CORE package also need to be imported in this file, before the component imports.
BODY You should include the following scripts at the end of the HTML document, right before the closing </body>
tag.
<script src="assets/components/modules/admin/charts/flot/assets/lib/jquery.flot.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/charts/flot/assets/lib/jquery.flot.resize.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/charts/flot/assets/lib/plugins/jquery.flot.tooltip.min.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/charts/flot/assets/custom/js/flotcharts.common.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/charts/flot/assets/custom/js/flotchart-simple-bars.init.js?v=v1.2.3"></script>
<!-- Simple Chart --> <div id="chart_simple" class="flotchart-holder"></div>
@import "assets/components/modules/admin/charts/flot/assets/custom/less/flotcharts.less"; @import "assets/components/core/less/labels.less"; @import "assets/components/modules/admin/ui/tooltips/assets/tooltips.less";
<head>
section of your HTML document, before any JavaScript files: <link type="stylesheet/less" href="styles.less" />
NOTE All the styles from the CORE package also need to be imported in this file, before the component imports.
BODY You should include the following scripts at the end of the HTML document, right before the closing </body>
tag.
<script src="assets/components/modules/admin/charts/flot/assets/lib/jquery.flot.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/charts/flot/assets/lib/jquery.flot.resize.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/charts/flot/assets/lib/plugins/jquery.flot.tooltip.min.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/charts/flot/assets/custom/js/flotcharts.common.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/charts/flot/assets/custom/js/flotchart-simple-dashboard.init.js?v=v1.2.3"></script>